<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>7.7.2 开发一个标签页组件</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div id="demo2" v-cloak>
    <tabs v-model="activeKey">
        <pane label="标签一" name="1">标签一的内容</pane>
        <pane label="标签二" name="2">标签二的内容</pane>
        <pane label="标签三" name="3">标签三的内容</pane>

    </tabs>

</div>

<script src="https://unpkg.com/vue/dist/vue.min.js"></script>

<script src="pane.js"></script>
<script src="tabs.js"></script>
<script type="text/javascript">
    let app = new Vue({
        el:'#demo2',
        data:{
            activeKey: '1'
        }
    })
</script>
</body>
</html>